<template>
  <div class="echarts">
    <bar-line></bar-line>
    <scatter></scatter>
    <pie></pie>
    <my-map></my-map>
    <radar></radar>
    <loading-effect></loading-effect>
  </div>
</template>

<script>
import BarLine from '@/views/demo/components/BarLine'
import Scatter from '@/views/demo/components/Scatter'
import Pie from '@/views/demo/components/Pie'
import MyMap from '@/views/demo/components/Map'
import Radar from '@/views/demo/components/radar'
import LoadingEffect from '@/views/demo/components/loadingEffect'

export default {
  name: 'init',
  components: {LoadingEffect, Radar, MyMap, Pie, Scatter, BarLine},
}
</script>

<style scoped>
.echarts {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.echarts /deep/ > div {
  width: 500px;
  height: 400px;
}
</style>
